/*旋转*/
@keyframes aniSc {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}
@-webkit-keyframes aniSc {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}
.wrap_box{ width: 100%; }
/*标题*/
.m_title{ text-align: center; padding: 88px 0; }
.m_title h1,.m_title h2{line-height: 60px; font-size: 36px; color: #333; }
.m_title span{ display: block; font-size: 20px; height: 50px; line-height: 50px; text-align: center; color: #999; }
.m_title em{ display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; color: #ec682f; }
/*企业文化*/ 
.culture{ width: 100%; height: 706px; background: url(../images/b_index_banner2.jpg) no-repeat center top; }
.culture ul{ width: 1200px;margin: 0 auto; }
.culture ul li{ width:240px; height: 370px; float: left; position: relative;z-index: 0;}
.culture ul li img{ width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0);-webkit-transition: all .5s;transition: all .5s;}
.culture ul li .con{ width: 200px; height: 100%; position: absolute; left:20px;top: 0; }
.culture ul li .con .icon{ display: block; margin: 30px auto;-webkit-transition: all .5s;transition: all .5s; width: 100px; height: 113px; background: url(../images/b_icons1.png) no-repeat; }
.culture ul li .con b{ display: block; height: 30px; font-size: 20px; color: #4b5154; line-height: 30px; text-align: center; }
.culture ul li .con em{ display: block; width: 180px; height: 3px; margin: 15px auto; background: url(../images/b_icons1.png) no-repeat; background-position: 0 -249px; display: none; }
.culture ul li .con p{ font-size: 16px; color: #fff; line-height: 28px; display: none; text-align: center;}
.culture ul li.li_1 .con .icon{ background-position: 0 0; }
.culture ul li.li_2 .con .icon{ background-position:-129px 0; }
.culture ul li.li_3 .con .icon{ background-position: -259px 0; }
.culture ul li.li_4 .con .icon{ background-position: -382px 0; }
.culture ul li.li_5 .con .icon{ background-position: -500px 0; }

.culture ul li:hover img{ opacity: 1; filter: alpha(opacity=100); }
.culture ul li:hover .con .icon{ margin-bottom:57px;}
.culture ul li:hover .con b{ color: #fff; }
.culture ul li:hover .con em{ display: block; }
.culture ul li:hover .con p{ display: block; }

.culture ul .li_1:hover .con .icon{ background-position: 0 -113px; }
.culture ul .li_2:hover .con .icon{ background-position:-129px -113px; }
.culture ul .li_3:hover .con .icon{ background-position: -259px -113px; }
.culture ul .li_4:hover .con .icon{ background-position: -382px -113px; }
.culture ul .li_5:hover .con .icon{ background-position: -500px -113px; }

/*携手合作*/
.hezuo{ width: 100%;margin-bottom: 100px; }
.hezuo .logos{ width: 1200px; margin: 0 auto; overflow: hidden; }
.hezuo .logos ul{overflow: hidden;zoom:1;width: 1372px; }
.hezuo .logos ul li{ width: 343px; height: 80px; float: left; margin-bottom:30px; }
.hezuo .logos ul li a{ display: block; width: 170px;height: 80px;background: url(../images/b_logos.jpg) no-repeat; opacity: .6;}
.hezuo .logos ul li a:hover{ opacity: 1; }
.hezuo .logos ul li.game_37 a{ background-position: 0 0; }
.hezuo .logos ul li.cgamex a{ background-position: -230px 0; }
.hezuo .logos ul li.iqiyi a{ background-position: -460px 0; }
.hezuo .logos ul li.caohua a{ background-position: -690px 0; }
.hezuo .logos ul li.guopan a{ background-position: -920px 0; }
.hezuo .logos ul li.paojiao a{ background-position: -1150px 0; }
.hezuo .logos ul li.sogou a{ background-position: -1380px 0; }
.hezuo .logos ul li.qq a{ background-position: -1610px 0; }
.hezuo .logos ul li.game_163 a{ background-position: 0 -167px; }
.hezuo .logos ul li.chineseall a{ background-position: -230px -167px; }
.hezuo .logos ul li.game_51 a{ background-position: -460px -167px; }
.hezuo .logos ul li.tanwan a{ background-position: -690px -167px; }
.hezuo .logos ul li.youzu a{ background-position: -920px -167px; }
.hezuo .logos ul li.xy a{ background-position: -1150px -167px; }
.hezuo .logos ul li.yy a{ background-position: -1380px -167px; }
.hezuo .logos ul li.swjoy a{ background-position: -1610px -167px; }

/*关于我们*/
.about_us{ width: 100%; height: 757px; background: url(../images/b_index_banner3.jpg) no-repeat center top;}
.about_us .m_title h2{ color: #fff; }
.about_us .m_title span{ color: #fff; }
.about_us .about_box{ width: 1200px; overflow: hidden;zoom:1; margin: 0 auto;}
.about_us .about_box li{ width: 50%; float: left; overflow: hidden;zoom:1;}

.about_us .about_box li .icon{ display: block; width: 181px; height: 140px; background: url(../images/b_icons1.png) no-repeat; background-position: -267px -256px; position: relative;z-index: 0; }
.about_us .about_box li .icon .a{ display: block; width: 124px; height: 124px;background: url(../images/b_icons1.png) no-repeat; background-position: -1287px -269px; display: none; position: absolute; left: 10px; top: 6px;}
.about_us .about_box li .icon .b{ display: block; width: 113px; height: 113px;background: url(../images/b_icons1.png) no-repeat;position: absolute; left: 16px; top: 12px;-webkit-transition: all .5s;transition: all .5s; }
.about_us .about_box li .word{ width: 280px; }
.about_us .about_box li .word b{ display: block; width: 100%; height: 40px; font-size: 30px; color: #fff;margin-bottom: 15px; overflow: hidden; }
.about_us .about_box li .word p{ font-size: 14px; color: #f1f1f1; line-height: 30px; }
.about_us .about_box li.li_1,.about_us .about_box li.li_2{ margin-bottom: 95px; }
.about_us .about_box li.li_1 .word,.about_us .about_box li.li_2 .word{ margin-top: 25px; }
.about_us .about_box li.li_3 .word,.about_us .about_box li.li_4 .word{ margin-top: -5px; }
.about_us .about_box li.li_1 .icon,.about_us .about_box li.li_3 .icon{ margin-right: 16px; }
.about_us .about_box li.li_2 .icon,.about_us .about_box li.li_4 .icon{ margin-left: 16px; }
.about_us .about_box li.li_2 .word,.about_us .about_box li.li_4 .word{ text-align: right; }

.about_us .about_box li.li_1 .icon .b{ background-position: 0 -400px; }
.about_us .about_box li.li_2 .icon .b{ background-position: -129px -400px; }
.about_us .about_box li.li_3 .icon .b{ background-position: -260px -400px; }
.about_us .about_box li.li_4 .icon .b{ background-position: -383px -400px; }
.about_us .about_box li.li_1:hover .icon .b{ background-position: 0 -522px; }
.about_us .about_box li.li_2:hover .icon .b{ background-position: -129px -522px; }
.about_us .about_box li.li_3:hover .icon .b{ background-position: -260px -522px; }
.about_us .about_box li.li_4:hover .icon .b{ background-position: -383px -522px; }
.about_us .about_box li:hover .icon .a{ display: block; }

/*联系我们*/
.link_us{ width: 100%;  margin-bottom: 120px; }
.link_us .mid{ width: 1200px; margin: 0 auto; }
.link_us .mid ul{ width: 100%; overflow: hidden;zoom:1; }
.link_us .mid ul li{ float: left;cursor: pointer; }
.link_us .mid ul li em{ display: block; width: 140px; height: 140px; background: url(../images/b_icons1.png) no-repeat; margin: 0 auto 5px; transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;}
.link_us .mid ul li span{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center;font-size: 18px; overflow: hidden;color: #333;color: #888; }
.link_us .mid ul li.li_1{ width: 140px; margin-right: 106px;}
.link_us .mid ul li.li_2{ width: 354px;}
.link_us .mid ul li.li_3{ width: 354px; }
.link_us .mid ul li.li_4{ width: 140px; margin-left: 106px; }
.link_us .mid ul li.li_1 em{ background-position: 0 -645px; }
.link_us .mid ul li.li_2 em{ background-position: -147px -645px; }
.link_us .mid ul li.li_3 em{ background-position: -294px -645px; }
.link_us .mid ul li.li_4 em{ background-position: -441px -645px; }
.link_us .mid ul li:hover em{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotate(360deg); -ms-transform:rotateY(360deg); }


@media screen and (max-width:1600px){}